<!-- mine 页面内容 -->
<section class="mine container-fluid col-xs-12" ng-controller="mineCtrl">
    <div class="row row-offcanvas row-offcanvas-left">
        <div class="col-sm-5 col-md-5 col-xs-5 left-side sidebar-offcanvas hidden-xs" style="height:{{rightSideHeight}}px" id='minesidebar' role="navigation">
            <div class="row margin-reset" ng-if="user.company_id">
              <div class="col-sm-offset-7 col-sm-5 brand-panel">
                <img class="img-rounded" ng-src="{{ user.company_logo.url }}?imageView2/1/w/200/h/200/interlace/1" ng-if="user.company_logo.url">
                <img class="img-rounded" src="components/mine/imgs/logo-brand.png" ng-if="!user.company_logo.url" >
                <h4>{{user.brand_name}}</h4>
                <h5>
                  <img class="img-circle" ng-src="{{ user.headimg.url }}?imageView2/1/w/200/h/200/interlace/1" onerror="this.src='components/mine/imgs/image.jpg'">
                  {{user.real_name}}
                  <small>{{ user.user_type | usertype }}</small>
                </h5>
              </div>
            </div>

            <div class="row" ng-if="!user.company_id">
                <div class="col-sm-offset-5 col-sm-2 img-person">
                    <img class="pull-right img-circle" ng-src="{{ user.headimg.url }}?imageView2/1/w/200/h/200/interlace/1">
                </div>
                <div class="col-sm-5 left-side-title">
                    <h4><span ng-show="user.company_name&&user.user_type!='manager'">{{ user.company_name }}：</span>{{ user.real_name }}</h4>
                    <h4>
                      <i class="icon-renzheng" ng-if='user_role != 0 || user.company_id'></i>
                      <span class="real-name-title" ng-if='user_role == 1 || user.company_id'>
                        品牌商
                      </span>
                      <span class="real-name-title" ng-if='user_role == 2'>
                        服务商
                      </span>
                    </h4>
                    <p ng-if='user_role != 2'>{{ user.email }}</p>
                    <p ng-if='user_role == 2'>
                        <star len='user.raty'></star>
                        <span>{{ user.orders_count }}单 好评 {{ user.raty | raty }}</span>
                    </p>
                </div>
            </div>
            <div class="row lists" ng-click="offcanvas();">
                <div class="col-sm-offset-7 col-sm-5">
                    <div class="list-group">
                        <a href="javascript:void(0);" class="list-group-item disabled list-group-item-title">
                            订单
                        </a>
                        <a ng-repeat='role in mineListByRole track by $index' ui-sref-active='active' ng-class="{'active': select(role)}" ui-sref="mine.list({ctrl: role.params})" class="list-group-item">
                            <i class="icon-{{ role.icon }}"></i> {{role.name}}
                        </a>
                    </div>
                    <div class="list-group">
                        <a href="javascript:void(0);" class="list-group-item disabled list-group-item-title">
                            账户
                        </a>
                        <a ng-repeat='role in defaultlist track by $index' ui-sref-active='active' ng-class="{'active': select(role)}" ui-sref="mine.list({ctrl: role.params})" class="list-group-item">
                            <i class="icon-{{ role.icon }}"></i> {{role.name}}
                        </a>
                    </div>
                    <div class="list-group" ng-if='user_role == 1'>
                        <a href="javascript:void(0);" class="list-group-item disabled list-group-item-title">
                            成员
                        </a>
                        <a ng-repeat='role in brandmanagerlist track by $index' ui-sref-active='active' ng-class="{'active': select(role)}" ui-sref="mine.list({ctrl: role.params})" class="list-group-item">
                            <i class="icon-{{ role.icon }}"></i> {{role.name}}
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class=" col-lg-5  col-md-6 col-sm-6  col-xs-12 right-side" id="right-side">
            <section ui-view="mineDetail" class="mine-detail">
            </section>
        </div>
    </div>
</section>
